@import 'element-plus/theme-chalk/el-table.css';
@import 'element-plus/theme-chalk/base.css';
.base-table {
	height: 100%;
	width: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	border-radius: 4px;
	background: #fff;
	//gap: 10px 0;
	&-header {
		display: flex;
		padding: 10px 0 16px 0;
		justify-content: space-between;
		align-items: center;
		&-left {
			display: flex;
			align-items: center;
			justify-content: flex-start;
			color: rgba(0, 0, 0, 0.85);
			font-weight: 700;
			font-size: 16px;
		}
	}
	&-footer {
		flex: 1;
		overflow: hidden;
		.el-table th.el-table__cell {
			background: #f8f8f8;
		}
		.el-table__cell {
			padding: 10px;
			color: #65789b;
		}
		.el-table__header {
			.el-table__cell {
				padding: 18px 10px;
			}
		}
	}
	&-pagination {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 10px 0;
		&-left {
			font-weight: 400;
			font-size: 14px;
			color: rgb(109, 127, 146);
			font-style: normal;
			letter-spacing: 0;
			text-decoration: none;
		}
		&-right {
			user-select: none;
		}
	}
	&-column {
		&-icon {
			margin: 0 4px;
			color: rgba(0, 0, 0, 0.75);
			font-size: 18px;
			cursor: pointer;
			&:hover {
				color: var(--antd-wave-shadow-color);
			}
		}
		&-title {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 2px 0;
			.ant-btn {
				padding-right: 0;
			}
		}
		&-overlay {
			min-width: 250px;
			max-width: 280px;
			&-scroll {
				height: 360px;
				overflow: hidden;
			}
			.ant-checkbox-wrapper {
				display: flex;
				justify-content: flex-start;
				align-items: center;
			}
			.ant-checkbox-group {
				width: 100%;
			}
		}
	}
	&-map {
		background: transparent;
		.el-pagination-prev, .ant-pagination-next {
			color:  #fff !important;
		}
		.el-table {
			border-color: #364852 !important;
			background: transparent;
			.el-table__header {
				background: transparent;
			}
			.el-table__body {
				background: transparent;
			}
			tr {
				background: transparent;
			}
			.el-table__cell {
				background: transparent !important;
				border-color: #364852 !important;
			}
			thead {
				border-color: #364852 !important;
				.el-table__cell {
					background: #8a97a01a !important;
					color: #96B2C0;
					border-color: #364852 !important;
				}
			}
			.el-table__inner-wrapper {
				&::before {
					background: #364852 !important;
					border-color: #364852 !important;
				}
			}
		}
		.el-table--border .el-table__inner-wrapper:after, .el-table--border:after, .el-table--border:before, .el-table__inner-wrapper:before {
			background: #364852 !important;
			border-color: #364852 !important;
		}
		.el-table__border-bottom-patch, .el-table__border-left-patch {
			background: #364852 !important;
		}
		tbody {
			.cell {
				color: #fff;
			}
		}
	}
}

.base-table-header-right-overlay {
	.ant-popover-inner {
		padding: 0;
	}
	.ant-popover-title {
		padding: 4px 10px;
		border-bottom: 1px solid fade(#000, 10%);
		margin-bottom: 0;
	}
	.ant-space {
		width: 100%;
		height: 100%;
		padding: 4px 10px 12px 10px;
	}
}
